<template>
  <uni-nav-bar
    :title="title"
    left-icon="left"
    status-bar
    :border="false"
    :shadow="scrollTop > 80"
    :background-color="scrollTop > 80 ? '#fff' : 'transparent'"
    color="#480F9E"
    fixed
    @clickLeft="goBack"
  ></uni-nav-bar>
</template>

<script>
  export default {
    name: "NavBar",
    props: {
      title: {
        type: String,
        default: " ",
      },
      scrollTop: {
        type: Number,
        default: 0,
      },
    },
    data() {
      return {};
    },
    methods: {},
  };
</script>

<style lang="scss" scoped></style>
